import Vue from 'vue'
import store from '@/store'
import DataDict from '@/utils/dict'
import { getDicts as getDicts } from '@/api/system/dict/data'

function searchDictByKey(dict, key) {
  if (key == null && key == "") {
    return null
  }
  try {
    for (let i = 0; i < dict.length; i++) {
      if (dict[i].key == key) {
        return dict[i].value
      }
    }
  } catch (e) {
    return null
  }
}

// 当项目启动时，main.js中的DictData.install()会自动触发
function install() {
  // 进入DataDict方法中默认带着metas数组里面的值为labelField: 'dictLabel',valueField: 'dictValue',
  Vue.use(DataDict, {
    metas: {
      '*': {
        labelField: 'dictLabel',
        valueField: 'dictValue',
        // 当dict/index.js中的this.dict.init方法调用完后根据获取的值判断是否去后端获取字典数据
        request(dictMeta) {
          // 通过dictMeta判断是否要执行getDicts方法
          const storeDict = searchDictByKey(store.getters.dict, dictMeta.type)
          // 有值就返回
          if (storeDict) {
            return new Promise(resolve => { resolve(storeDict) })
          } else {
            // 没值则调用getDicts方法获取值
            return new Promise((resolve, reject) => {
              getDicts(dictMeta.type).then(res => {
                // 将查询后的结果通过store.dispatch(Vuex的方法获取store绑定的setDict方法)
                //存进store/modules/dict.js下的setDict方法 方便页面获取 （例：dict.type.sys_normal_disable 获取的就是sys_normal_disable的结果值）
                store.dispatch('dict/setDict', { key: dictMeta.type, value: res.data})
                resolve(res.data)
              }).catch(error => {
                reject(error)
              })
            })
          }
        },
      },
    },
  })
}

export default {
  install,
}